#{extends 'main.html' /}
#{set title:'Salao - Hair Manage' /}
#{stylesheet 'style.css'/}
#{stylesheet 'coinslider.css'/}

<head>
<title></title>

</head>
#{form @secure.authenticate()}
	
		#{if flash.error}
			<p class="error">
				&{flash.error}
			</p>
		#{/if}
		#{if flash.success}
			<p class="success">
				&{flash.success}
			</p>
		#{/if}
	
		
			<label for="username">&{'secure.username'}</label>
			<input type="text" name="username" id="username" value="${flash.username}" />
		
			<label for="password">&{'secure.password'}</label>
			<input type="password" name="password" id="password" value="" />
		
		
			<input type="checkbox" name="remember" id="remember" value="true" ${flash.remember ? 'checked="true"' : ''} />
			<label for="remember">&{'secure.remember'}</label>
		
		
			<input type="submit" id="signin" value="&{'secure.signin'}" />
		
	#{/form}
<h3 class="bemvindo"> <a href="/Clientes/blank">Cadastre-se Aqui!</a></li></h3>

<body>
<div class="main">
  <div class="header">
    <div class="header_resize">
      <div class="menu_nav">
        <ul>
          <li class="active"><a href="index"><span>Home Page</span></a></li>
         
          <li><a href="#">Quem Somos</a></li>
          <li><a href="#"><span>Curriculos</span></a></li>
        </ul>
      </div>
      <div class="logo">
        <h1>&nbsp;</h1>
      </div>
      <div class="clr"></div>
      <div class="slider">
        <div id="coin-slider"> 
        <a href="#"><img src="public/images/slide1.jpg" width="940" height="310" alt="" /> 
        </a><a href="#"><img src="public/images/slide2.jpg" width="940" height="310" alt="" />
        </a><a href="#"><img src="public/images/slide3.jpg" width="940" height="310" alt="" /> </a>
		</div>
        <div class="clr"></div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="content">
    <div class="content_resize">
      <div class="mainbar">
        <div class="article">
          <h2><span>Seja Bem-Vindo ao Hair Manager</span></h2>
          
          <div class="clr"></div>
          <div class="img"><img src="public/images/salao-de-beleza1.jpg" width="640" height="250" alt="" class="fl" /></div>
          <div class="post_content">
            <p>Seja bem-vindo ao Hair Manager Salões de Beleza e Estética, uma rede de cabeleireiros em Natal, João Pessoa e Recife. São 3 unidades com estrutura para oferecer os melhores serviços de corte de cabelo, tintura, mega hair, alongamento, manicure, maquiagem, estética corporal e tratamento facial. O Hair Manager possui o maior salão de beleza em Natal, atuando também com serviços especiais como o dia da noiva, depilação, podologia e terapia holística.</p>
            
          </div>
          <div class="clr"></div>
        </div>
        <div class="article">
          
          <div class="clr"></div>
          
          <div class="post_content">
            
            
          </div>
          <div class="clr"></div>
        </div>
        <p class="pages"><small>Page 1 of 2</small> <span>1</span> <a href="#">2</a> <a href="#">&raquo;</a></p>
      </div>
      <div class="sidebar">
        <div class="searchform">
          <form id="formsearch" name="formsearch" method="post" action="#">
            <span>
            <input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" value="Search our ste:" type="text" />
            </span>
            <input name="button_search" src="public/images/search.gif" class="button_search" type="image" />
          </form>
        </div>
        <div class="gadget">
          <h2 class="star"> Menu</h2>
          <div class="clr"></div>
          <ul class="sb_menu">
            <li><a href="#">Serviços</a></li>
            <li><a href="#">Formas de Pagamento</a></li>
            <li><a href="#">Unidades</a></li>
            <li><a href="#">Contato</a></li>
          </ul>
        </div>
        
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="fbg">
    <div class="fbg_resize">
      <div class="col c1">
        <h2><span>Galeria de Imagens</span></h2>
        <a href="#"><img src="public/images/gal1.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="public/images/gal2.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="public/images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="public/images/gal4.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="public/images/gal5.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="public/images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a> </div>
      <div class="col c2">
        <h2><span></span> </h2>
        <p></p>
        <ul class="fbg_ul">
        </ul>
      </div>
      <div class="col c3">
        <h2>Contate-nos</h2>
        <p>Contato através dos telefones</p>
        <p class="contact_info"> <span>Endereço:</span> Matriz: MidwayMall, 1458 3º Piso - Natal,RN<br />
          <span>Telefone:</span> +55(84)4004-5678<br />
          <span>FAX:</span> +55(84)4004-5573<br />
          <span>E-mail:</span> <a href="#">hairmanager@hotmail.com</a> </p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="footer">
    <div class="footer_resize">
      <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
      <p class="rf">Design by Dream <a href="http://www.dreamtemplate.com/">Web Templates</a></p>
      <div style="clear:both;"></div>
    </div>
  </div>
</div>
</body>

